div { background-color: white }

.grid { border: 1px solid #E5E5E5 }

.topGrid { border-top: 0px }

.bottomGrid { border-bottom: 0px }

.horizontalLine { width: 100%; margin-left: 1em; margin-right: 1em; height: 0.3em; background-color: #A3A3A3 }

.day { padding-top: 1em; padding-left: 1em; padding-right: 1em; padding-bottom: 0.3em; font-weight: bold; width: 100%; }
		
@media all and (min-width: 5em) {
	.my-breakpoint.ui-grid-a .ui-block-a { width: 25%; height: 5em; background-color: #E5E5E5; padding: 1em;}
	.my-breakpoint.ui-grid-a .ui-block-b { width: 75%; height: 5em; color: #787878; font-weight: bold; padding: 1em; border-left: 1px solid #A3A3A3}
	.my-breakpoint.ui-grid-a .ui-block-a { clear: left; height: 5em }
}




